body {
  width: 100%;
  overflow: scroll;
}
#header{
	width: 100%;
	height: 117px;
	background: url(../images/header.png) 0 0 repeat-x;
    z-index: 555;
	-webkit-transition:.45s;
	transition:.45s;
	border-bottom: 3px solid #6c0618;
}
#header .top{
	height: 32px;
	width:1000px;
	line-height: 31px;
	font-size: 14px;
	color: #777777;
	margin:0 auto;
}
#header .top a{
	font-size: 14px;
	color: #777777;
}
#header .top a.a1{
	height: 100%;
	display: block;
	width: 27px;
	
	float: right;
	margin-right: 6px;
	background: url(../images/a1.jpg) center no-repeat;
}
#header .top a.a2{
	height: 100%;
	display: block;
	width: 27px;
	
	float: right;
	margin-right: 6px;
	background: url(../images/a2.jpg) center no-repeat;
}
#header .top a.a3{
	height: 100%;
	display: block;
	width: 27px;
	
	float: right;
	margin-right: 6px;
	background: url(../images/a3.jpg) center no-repeat;
}
#header .top li a{
	color: #777777;
}
#header .top li{
	float: right;
	padding:0 9px 0 20px;
}
#header .top li.t1{
	background: url(../images/t1.jpg) 0 center no-repeat;
}
#header .top li.t2{
	background: url(../images/t2.jpg) 0 center no-repeat;
}
#header .box_bg{width:100%; background:#bc0426; }
#header .box{
	position: relative;
	width: 1000px;
    margin:0 auto;
	height: 85px;
	z-index: 55;
}
#header  .logo{
	width: 175px;
	height: 85px;
}

#header ul.nav{
	padding-left: 50px;
	width:732px;
}
.menu_box{width:825px; float:left;}
.search{
	margin-top: 10px;
	width: 600px;
	height: 30px;
	float: right;
	overflow: hidden;
	border:1px solid #fff;
	z-index: 8;
	background: #e8e8e8;
	padding-right:12px;
}
.search .txt{
	
	float:left;
	padding-left: 10px;
	color: #999;
	border-style: none;
	border-width: 0px;
	height: 30px;
	line-height: 30px;
	width: 113px;
	font-size: 12px;
    background: none;
}
.search .btn{
	float: right;
    width: 24px;
	height: 30px;
	border-style: none;
	border-width: 0px;
	background: url(../images/arr_search.gif) 0px 7px no-repeat;
	cursor: pointer;
}
.nav{
	z-index: 55;
	height: 42px;
	
}
.nav>li{
	z-index: 55;
    float: left;
    height: 42px;
    padding: 0 0px;

}
.nav>li.mr{
	margin-right: 0;
}
.nav>li>a{
	font-size: 14px;
	padding:0 10px;
	display: block;
	height: 25px;
	line-height: 25px;
	color: #fff;
	margin-top:10px;
	text-align: center;
    border-radius: 3px;	
}
.nav>li>a.s{
	background: #008a6b;
	color: #fff;
}
.nav>li:hover{
	background: #e50213;
	color: #fff;
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nav .bg{
    background: url(../images/nav.jpg) 95% center no-repeat;
}
.nav>li>div{
	display: none;
	position: absolute;
	top: 0;
	width: 1000px;
	margin:0 auto;
	padding:20px;
	left: 0;
	height: auto;
	background: #ffffff;
	z-index: 50;
	border-top:3px solid #6c0618;
	box-shadow:1px 1px 5px #666;
	-moz-box-shadow:1px 1px 5px #666;
	-webkit-box-shadow:1px 1px 5px #666;
}
.nav>li>div ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.nav>li>div ul li{
	width: 312px;
	height: 100%;
	float: left;
	margin: 0 10px;
	opacity: 0.8;filter:alpha(opacity=80);
	border-right:1px solid #e8e8e8;
}
.nav>li>div ul li a{width:280px; height:30px; line-height:30px; border-bottom:1px dashed #e8e8e8; float:left; background:url(../images/jiantou.png) left center no-repeat; padding-left:18px;}
.nav>li>div ul li .pic{
	display: block;
	height: 100%;
	width: 100%;
}
.nav>li>div ul li .tit{
	height: 35px;
	line-height: 35px;
	color: #bc0426;
	font-size: 16px;
	width: 280px;
	display: block;	text-align: center;
	background:none;

}
.nav>li>div ul li:hover{
	opacity: 1;filter:alpha(opacity=100);
	-webkit-transition: all 1s;
	  -moz-transition: all 1s;
	   -ms-transition: all 1s;
	    -o-transition: all 1s;
    transition: all 1s;
}
.nav>li>div ul li.mr{
	border-right: 1px solid #f2f2f2;
}
.nav>li>div ul li .tit:hover{
	color: #008a6b;
}
.nav>li:hover>div{
	display: block;
  
    top: 85px;

    -webkit-transition: all 1s;
	  -moz-transition: all 1s;
	   -ms-transition: all 1s;
	    -o-transition: all 1s;
    transition: all 1s;
}
.banner{
	position: relative;
	text-align: center;
	width: 100%;
	height: 670px;
	background:#fafafa;
}

@media only screen and (max-width:1680px){
   .banner{height: 580px;}
}

@media only screen and (max-width:1600px){
   .banner{height: 514px;}
}

@media only screen and (max-width:1440px){
   .banner{height: 487px;}
}

@media only screen and (max-width:1366px){
   .banner{height: 470px;}
}
@media only screen and (max-width:1280px){
	.banner{height: 420px;}
}
@media only screen and (max-width:1024px){
	.banner{height: 400px;}
}
@media only screen and (max-width:1199px){
   .banner{height: 380px;}	
}


.banner .pic {
	position: relative;
	width: 100%;
	height: 100%;
}
.banner .pic li{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;top:0;
	z-index: 1;
	background-repeat: no-repeat;
	
}
#Banner .btn {
	position: absolute;
	width: 100%;
	height: 135px;
	bottom: 0;
	left: 0;
	z-index: 5;
}
#Banner .btn li{
	width: 14px;
	height: 14px;
	margin-top: 70px;
	line-height: 9px;
	color: #fff;
	display: inline-block;
	background: url(../images/btn1.png) center no-repeat;
	overflow: hidden;
	margin-right: 7px;
	overflow: hidden;
	border-radius: 50%;
}
#Banner .btn li{
	*display: inline;
}
#Banner .btn li.selected{
	background: url(../images/btn2.png) center no-repeat;
}
.ban{
	height: 680px;
}
.ban li{
	width: 100%;
	height: 100%;
}
.index-title{
	position: relative;
	height: 140px;
	line-height: 140px;
	color: #454545;
	font-size: 28px;
	text-align: center;
	background: url(../images/index.jpg) 50% 114px no-repeat;
	text-transform: uppercase;
}

#content{
	min-height: 500px;
	background:#fafafa;
	
}

.idnexCont {overflow: hidden; width:1000px; margin:0 auto 20px;}
.idnexCont .siderNew {margin-bottom: 30px; height:30px; line-height:30px;}
.idnexCont .siderNew .tempWrap{ width:1000px !important;}
.idnexCont .siderNew ul {overflow: hidden;_zoom:1;width: 9999px;}
.idnexCont .siderNew ul li {float: left;font-size: 14px;overflow: hidden;_zoom:1;margin-right: 30px;width: 400px;}
.idnexCont .siderNew ul li a {float: left;color: #999999;margin-right: 20px; font-size: 14px;}
.idnexCont .siderNew ul li span {float: left;color:#c1c1c1;}

.idnexCont .up {font-size: 14px;line-height: 21px; color: #999999;margin-bottom: 40px;text-align: center;width: 1000px;background: url(../images/icon-44.png) repeat-x center;}
.idnexCont .down {font-size: 14px;line-height: 21px; color: #999999;padding:0 230px;width: 540px;text-align: center;background: url(../images/icon-44.png) repeat-x center;}
.idnexCont .up span {font-size: 18px;color: #666666;}
.idnexCont .down span {font-size: 14px; color: #666666;}
.idnexCont .up b {background: #fafafa;padding: 0 15px;}
.idnexCont .down p {background: #fafafa;}

.idnexCont .contMain {overflow: hidden;_zoom:1; margin-top:20px;}
.idnexCont .contMain .l {width: 760px;}
.idnexCont .contMain ul {overflow: hidden;_zoom:1;width: 999px;}
.idnexCont .contMain ul li {float: left;margin-right: 10px; background:#fff;}

.idnexCont .contMain ul li.li1 { width:370px; height:365px; border-top:5px solid #eb4709;}
.idnexCont .contMain ul li.li2 { width:370px; height:175px; margin-bottom:10px; border-top:5px solid #46ab35;}
.idnexCont .contMain ul li.li3 { width:370px; height:175px; border-top:5px solid #2ea7e0;}
.idnexCont .contMain ul li.li1 span{width:370px;  float:left;}
.idnexCont .contMain ul li.li2 span{width:370px;  float:left;}
.idnexCont .contMain ul li.li3 span{width:370px;  float:left;}
.idnexCont .contMain ul li.li1 h4 {text-align: center;font-size: 18px; margin-bottom: 0px;color: #333333;}
.idnexCont .contMain ul li.li2 h4 {text-align: center;font-size: 18px; margin-bottom: 0px;color: #333333; margin-top:10px;width:165px; float:left;margin-left:10px; margin-top:80px;}
.idnexCont .contMain ul li.li3 h4 {text-align: center;font-size: 18px; margin-bottom: 0px;color: #333333; margin-top:10px;width:165px; float:left;margin-left:10px;margin-top:80px;}
.idnexCont .contMain ul li p {color: #999999; width:170px; float:left;}
.idnexCont .contMain ul li p a{width:120px; height:24px; line-height:24px; border-radius:50px; text-align:center; background:#bc0426; color:#fff; float:right; margin-right:20px;}
.idnexCont .contMain ul li p a:hover{ background:#282828;}
.idnexCont .contMain .l {width: 760px;overflow: hidden; float:left;}

.idnexCont .contMain .r {width: 240px; float:right;}
.idnexCont .contMain .r h2 {margin-bottom: 10px;width: 240px;float: left;overflow: hidden;_zoom:1; height:85px;}
.idnexCont .contMain .r h2 a {display: inline-block; width: 240px;height: 94px;background:url(../images/icon-11.png) no-repeat;font-size: 24px;line-height: 94px;text-indent: 1em;color: #FFFFFF;float: left;}
.video_box{ width:240px; height:155px; background:#fff; float:left;}
.ckd{width:240px; height:155px; float:left;}
.mainlt_title3{background-image:url(../images/pro_ml.jpg); width:232px; height:25px; background-repeat:no-repeat; background-position:left; COLOR: #282828; float:left;}
.mainlt_title3 span{background-image:url(../images/cs_11.gif); background-repeat:no-repeat; background-position:10px center; padding-left:20px; height:25px; line-height:25px;}

.main{width:1000px; margin:0 auto;}
.main #column-main .tips-section-v1 {
	background: rgba(0,0,0,0) none repeat scroll 0 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	overflow: hidden;
	padding: 0;
	width: 100%
}
.main #column-main .tips-section-v1 .picture img{width:320px;}
.main #column-main .tips-section-v1 span {
	padding-top: 5px;
	margin-bottom: 0;
	height:90px;
	line-height:25px;
	display:table;
	height: 151px;

}
.main #column-main .tips-section-v1 .cta:before {
	content: none;
	display: none;
	padding-right: 0
}

.main #column-main .tips-section-v1 .cta:hover {
	background-color: #42b4e6;
	background-image: -moz-linear-gradient(center top,#59bde9 0,#42b4e6 100%)
}


.main #column-main .tips-section-v1>li {
	display: block;
	border: 0 none;
	width:320px; margin-left:20px;
}
.main #column-main .tips-section-v1>li:first{margin-left:0px;}

.main #column-main .tips-section-v1>li>a,.main #column-main .tips-section-v1>li>div {
	background: 0;
	display: block;
	flex: 1 1 0;
	overflow: hidden;
	padding: 0 16px 30px 0;
}

.main #column-main .tips-section-v1>li>div {
	display: table
}

.main #column-main .tips-section-v1>li h3,.main #column-right .tips-section-v1>li h3,.main .column-right .tips-section-v1>li h3 {
	color: #bc0426;
	font-size: 1.5em;
	font-weight: normal;
	margin: .5em 0;
	padding: 0;
	line-height: 1.2em;
	height: 30px;
	text-align: left
}

.main #column-main .tips-section-v1 .cta,.main #column-right .tips-section-v1 .cta,.main .column-right .tips-section-v1 .cta {
	background: #42b4e6 none repeat scroll 0 0;
	border-color: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: block;
	font-weight: normal;
	margin-top: 20px;
	padding: .5em 1.5em;
	text-align: center;
	bottom: 0;
	height:30px;
}
.main #column-main .tips-section-v1>li .downlist,.newslist{width:100%; height:151px;}
.main #column-main .tips-section-v1>li .downlist ul,.newslist ul{margin:0px; padding:0px;  height:151px;}
.main #column-main .tips-section-v1>li .downlist ul li,.newslist ul li{width:300px; padding-left:20px; float:left; height:29px; line-height:29px; background:url(../images/down.png) left center no-repeat; border-bottom:1px dashed #ddd;}
.main #column-main .tips-section-v1>li .newslist ul li{background:url(../images/news.png) left center no-repeat;}

.brand{width:1000px; height:302px; margin:10px auto 30px; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.brand ul{margin:0px; padding:0px;}
.brand ul li{width:324px; height:302px; float:left; margin-right:14px;}
.brand ul li:last-child{margin-right:0px;}

.contact_box{width:1000px; margin:50px auto; height:280px;}
.contact_left{width:500px; float:left;}
.contact_right{width:500px; float:left;}
.contact_left h3{font-size:1.5rem; color:#bc0426; height:30px; line-height:1.2rem; font-weight:100;}
.contact_left .fgs{width:100%;}
.contact_left .fgs ul{margin:0px; padding:0px;}
.contact_left .fgs ul li{width:500px; float:left; height:50px; margin-bottom:10px;}
.contact_left .fgs ul li strong{font-size:14px; font-weight:600; width:500px; float:left; height:30px; line-height:30px;color:#666;}
.contact_left .fgs ul li span{width:500px; float:left; height:20px; line-height:20px; font-weight:100; color:#999; }
.leave_box_warp {
  height: 275px;
  border-top-left-radius: 35px;
  border-bottom-right-radius: 35px; }
  .leave_box_warp .leave_box {
    width: 480px;
    margin: 0 auto;
    color: #333; }
	.leave_box_warp .leave_box .u-btn{ background:none; border:0px; line-height:36px;}
    .leave_box_warp .leave_box .tit {
      text-align: center;
      font-size: 20px;
      font-weight: normal;
      padding: 10px 0; }
    .leave_box_warp .leave_box ul {
      position: relative; }
      .leave_box_warp .leave_box ul li.share {
        position: absolute;
        left: 360px;
        bottom: -3px; }
        .leave_box_warp .leave_box ul li.share a {
          margin-right: 10px;
          float: left; }
          .leave_box_warp .leave_box ul li.share a img {
            display: block; }
      .leave_box_warp .leave_box ul li.go {
        position: relative;
        display: block;
        width: 200px;
        height: 36px;
        margin-top: 10px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        border: 1px solid #fff;
        overflow: hidden;
		background: #bc0426;
        z-index: 666; }
        .leave_box_warp .leave_box ul li.go i {
          position: absolute;
          background: #fff;
          top: -80px;
          left: 100px;
          display: block;
          width: 0;
          height: 200px;
          z-index: 5;
          opacity: 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out; }
        .leave_box_warp .leave_box ul li.go a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 6;
          color: #fff; }
          .leave_box_warp .leave_box ul li.go a:hover {
            color: #243a87; }
        .leave_box_warp .leave_box ul li.go:hover i {
          width: 140px;
          left: 30px;
          opacity: 1; }
      .leave_box_warp .leave_box ul input {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: #fff;
        border: none;
        margin-bottom: 12px;
        font-size: 14px;
        text-indent: 10px;
		border:1px solid #e8e8e8;
        color: #626262; }
      .leave_box_warp .leave_box ul textarea {
        width: 460px;
        height: 60px;
        padding: 10px;
		border:1px solid #e8e8e8;
        color: #626262; }

#bottom{
	height: 214px;
	background:#bc0426;
	border-top:3px solid #6c0618; 
}
#bottom .box{
	height: 100%;
	width: 1000px;
	margin: 0 auto;
}
#bottom .box .top{
	position: relative;
	height: 200px;
	padding-top: 10px;
}
#bottom .box a{color:#fff;}
#bottom .box .top .wx{
	position: absolute;
	right: 100px;
	top: 20px;
	width: 100px;
	height: 100px;
	background: url(../images/wx.jpg) center no-repeat;
	background-size: 100%;
}
#bottom .box .ulbox{
	overflow: hidden;
	float: left;
	height: 100%;
	margin:0px 35px;
}
#bottom .box .ulbox li.tit{
	font-size: 17px;
	color: #ffffff;
	height: 42px;
	line-height: 40px;
	margin-bottom: 8px;
	text-transform: uppercase;
	background: url(../images/index.jpg) 0 100% no-repeat;
}
#bottom .box .ulbox2{ width:200px;}
#bottom .box .ulbox_li{width:100px; float:left;}
#bottom .box .ulbox .logo{
	display: block;
	width: 240px;
	height: 110px;
	background: url(../images/logo.jpg) center center no-repeat;
	background-size:80%;
}
#bottom .box .ulbox .abox{
	height: 35px;
	width: 175px;
}
#bottom .ulbox .abox a{
	width: 35px;
	float: left;
	height: 35px;
}
#bottom .ulbox .abox a.mr{
	margin-right: 10px;
}
#bottom .ulbox .abox a.a1{
	background: url(../images/ba1.png) center no-repeat;
}
#bottom .ulbox .abox a.a2{
	background: url(../images/ba2.png) center no-repeat;
}
#bottom .ulbox .abox a.a3{
	background: url(../images/ba3.png) center no-repeat;
}
#bottom .ulbox .abox a.a4{
	background: url(../images/ba4.png) center no-repeat;
}
#bottom .ulbox a:hover{
	color: #fff;
	opacity:0.7;filter:alpha(opacity=70);
	-webkit-transition: all 0.8s;
	  -moz-transition: all 0.8s;
	   -ms-transition: all 0.8s;
	    -o-transition: all 0.8s;
    transition: all 0.8s;
}
#bottom .ulbox li{
	height: 25px;
	line-height: 25px;
	color: #efefef;
	font-size: 12px;
}
#bottom .footer ul{
	float: left;
}
#bottom .footer{
	height: 40px;
	line-height: 40px;
	text-align:center;
	color:#333;
}
#bottom .footer li{
	float: left;
	height: 12px;
	line-height: 12px;
	margin-top: 23px;
	padding-right: 10px;
	margin-right: 10px;

}
#bottom .footer li.mr{
	border-right: 1px solid #696969;
}
#bottom .footer a:hover{
	opacity:0.7;filter:alpha(opacity=70);
	-webkit-transition: all 0.8s;
	  -moz-transition: all 0.8s;
	   -ms-transition: all 0.8s;
	    -o-transition: all 0.8s;
    transition: all 0.8s;
}
#bottom .footer a{
	color: #999;
}
#bottom .footer .copy{
	float: right;
	color: #999;
}
#pageCont{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 500px;
}
.pageleft{
	width: 270px;
	float: left;
	overflow: hidden;
	
}
.pageleft .parent{
	height: 50px;padding-top: 30px;
	border-bottom: 2px solid #008a6b;
	line-height: 50px;
	color: #444444;
	font-size: 24px;
}
.pageleft .pagenav{
	width: 100%;
	padding-top: 5px;
	overflow: hidden;
}
.pageleft .pagenav>li{
	min-height: 49px;
	line-height: 49px;
	font-size: 16px;
	border-bottom: 1px solid #f0f0f0;
	color:#454546;
}
.pageleft .pagenav>li>a{
	color: #454546;
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
}
.pageleft .pagenav>li>a i{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 14px;
	float: right;
	margin-right: 6px;
	background: url(../images/pnav.jpg) 0 50px;
}
.pageleft .pagenav>li.s>a{
  color: #008a6b;
}
.pageleft .pagenav>li div a.c{
	color: #008a6b;
}
.pageleft .pagenav>li.s i{
	background: url(../images/pnav.jpg) 0 0;
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pageleft .pagenav>li:hover i{
	background: url(../images/pnav.jpg) 0 0;
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pageleft .pagenav>li:hover>a{
	color: #008a6b;
}
.pageleft .pagenav>li div.din{
	display: none;
}
.pageleft .pagenav>li div.dib{
    display: block;
}
.pageleft .pagenav>li div{
	padding-bottom: 15px;
	
	width: 100%;
	overflow: hidden;
}
.pageleft .pagenav>li div a{
	width: 100%;
	height: 30px;
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #555555;
	text-indent: 25px;
    background: url(../images/pnvd.jpg) 0 center no-repeat;
}
.pageleft .pagenav>li div a:hover{
	color: #008a6b;
}
.pageleft .pagenav>li div a.s{
	color: #008a6b;
}
.pageright{
	width: 876px;
	float: right;
	overflow: hidden;
}
.pageright .product{
	width: 100%;
	overflow: hidden;
	padding-top: 80px;
	padding-left: 5px;
	padding-bottom: 140px;
}
.pageright .product li.mr{
	margin-right: 30px;
}
.pageright .product li{
	position: relative;
	height: 370px;
	width: 270px;
	float: left;
	margin-bottom: 33px;
}
.pageright .product li:hover{
  		box-shadow:1px 1px 5px #40777A;
		-moz-box-shadow:1px 1px 5px #40777A;
		-webkit-box-shadow:1px 1px 5px #40777A;
  		-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pageright .product .pic{
	width: 100%;
	height: 100%;
    display: block;
}
.pageright .product li .blk{
	position: absolute;
	top: 310px;
	line-height: 0;
	z-index: 2;
	height: 40px;
	width: 100%;
	background: url(../images/blk.png) 0 0;
}
.pageright .product li:hover .blk{
	opacity:0.8;filter:alpha(opacity=80);
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pageright .product .blk .tit{
	padding-left: 31px;
	height: 25px;
	line-height:25px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding-top: 2px;
}
.pageright .product .blk .text{
	height: 20px;
	line-height: 10px;
	color: #fff;
	
}
.pageright .product1{
	width: 100%;
	overflow: hidden;
	padding-top: 80px;
	padding-left: 5px;
	padding-bottom: 30px;
}
.pageright .product1 li.mr{
	margin-right: 30px;
}
.pageright .product1 li{
	position: relative;
	height: 335px;
	width: 270px;
	float: left;
}
.pageright .product1 .pic{
	width: 100%;
	height: 270px;
    display: block;
}
.pageright .product1  .palogo{
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 270px;
	z-index: 2;
	background: url(../images/palogo.png) 0 0 no-repeat;
}
.pageright .product1 .tit{
	font-size: 16px;
	color: #666666;
	text-align: center;
	display: block;
	height: 65px;
	line-height: 65px;
}
.pageright .product1 .tit:hover{
	color: #008a6b;
}
.pageright .product1 li:hover .pic{
	opacity:0.8;filter:alpha(opacity=80);
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pagerow1{
	width: 1180px;
	margin: 0 auto;
	padding-top: 25px;
	height: 535px;
}
.pagerow1 .fl{
	width: 680px;
	height: 100%;
}
.pagerow1 .fr{
	width: 500px;
	height: 100%;
}
.patit{
	width: 1169px;
	margin: 0 auto;
	padding-left: 11px;
	height: 65px;
	line-height: 65px;
	color: #444444;
	font-size: 20px;
	background: url(../images/patit.png) 0 center no-repeat;
}
.pagerow2{
	width: 1180px;
	margin: 0 auto;
	height: 505px;
	color:#555555;
	font-size: 14px;
	line-height: 22px;
}
.pagerow2 .fl{
	width: 590px;
	height: 100%;
	padding-right: 25px;
}
.pagerow2 .fr{
	width: 565px;
	height: 100%;
}
.pagerow3{
	height: 305px;
	background:#f8f8f8;
	padding: 70px 0;
	color:#555555;
	font-size: 14px;
	line-height: 22px;
}
.pagerow3  .box{
	width: 1180px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
.pagerow3 .fl{
	width: 580px;
	height: 100%;
}
.pagerow3 .fr{
    width: 555px;
    height: 100%;
}
.pagerow3 span{
	
}
.newleft {
	float: left;
	padding-top: 20px;
	width:800px;
	overflow: hidden; 
	padding-bottom: 40px;
}
.newleft ul{
   width: 100%;
   overflow: hidden;
}
.newleft li{
overflow: hidden;
	width: 100%;
	margin-top: 40px;
}
.newleft li .pic{
	display: block;
	height: 300px;
	width: 100%;
}
.newleft li .text{
	color: #888888;
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
	overflow: hidden;
}
.newleft li .title{
	width: 100%;
	
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
}
.newleft li .title a.tit{
	color: #454545;
    font-size: 28px;
    min-height: 40px;
    display: block;
    line-height: 35px;
    padding: 16px 0;
}
.newleft li .title em{
	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 26px;
	font-size: 14px;
	color: #999999;
	background: url(../images/time.jpg) 2px center no-repeat;
}
.newleft li .title a:hover{
	color: #008a6b;
}
.newleft li .title em a{
	padding-left: 42px;
	color: #999999;
	background: url(../images/click.jpg) 20px center no-repeat;
}
.newleft li .dis{
	height: 80px;
	color: #888888;
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
}
.newleft li .dis a{
	color: #008a6b;
}
.newleft .title em a:hover{
	color: #008a6b;
}
.newleft li a:hover{

	-webkit-transition: all 0.8s;
	  -moz-transition: all 0.8s;
	   -ms-transition: all 0.8s;
	    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.newright{
	float: right;
	width: 330px;
	overflow: hidden;
	margin-top: 40px;
}
.newleft .newtit{
	margin: 20px 0;
}
.newtit{
	height: 55px;
	line-height: 55px;
	color: #444444;
	font-size: 20px;
	padding-left: 11px;
	background: url(../images/patit.png) 0 center no-repeat;
}
.newright .box1{
	overflow: hidden;
	padding-bottom: 35px;
	width: 100%;
}
.newright .box1 li{
	height: 47px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 47px;
    padding: 10px 0;
}
.newright .box1 li a{
	width: 100%;
	display: block;
	color: #40A790;
	font-size: 14px;
	line-height: 47px; 
}
.newright .box1 li a:hover{
	color: #008a6b;
	-webkit-transition: all 0.8s;
	  -moz-transition: all 0.8s;
	   -ms-transition: all 0.8s;
	    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.newright .box2{
	width: 100%;

	overflow: hidden;
}
.newright .box2 li{
	height: 49px;
	font-size: 14px;
	line-height: 49px;
	border-bottom:  1px solid #f0f0f0;
}
.newright .box2 li a{
	float: left;
	color: #666666;

}
.newright .box2 li:hover a{
	color: #008a6b;
}
.newright .box2 li:hover span{
	color: #008a6b;
}
.newright .box2 li span{
	float: right;
	color: #999999;
	padding-right: 10px;
}
.thougth table{
	width: 100%;
	overflow: hidden;
}
.thougth td{
	font-size: 14px;
	color: #666666;
    padding: 5px 0;
}
.thougth input{
	border:1px solid #e8e8e8;
	width:98%;
	height: 40px;
	color: #999;
	padding-left:15px;
}
.thougth textarea{
	border:1px solid #e8e8e8;
	width:98%;
	color: #999;
	padding-left:15px;
	padding-top: 15px;
	height: 133px;
	line-height: 15px;
}
.thougth .btn{
	border-style: none;
	border-width: 0;
	height: 48px;
	width: 150px;
	text-align: center;
	padding: 0;
	color: #fff;
	background: #008a6b;
}
.lmtitle{
	height: 116px;
	line-height: 116px;
	border-bottom: 1px solid #ebebec;
	background: url(../images/lm.jpg) 0 0 repeat-x #f7f7f8;
	margin-top: 152px;
}
.lmtitle .box{
	width: 1180px;
	margin: 0 auto;
	height: 100%;
	color: #454545;
	font-size: 32px;
}
.tactleft{
	float: left;
	width: 560px;
	overflow: hidden;
	padding-top: 70px;
	padding-bottom: 120px;
}
.tactleft ul{
	overflow: hidden;
	width: 100%;
}
.tactleft ul li{
	height: 74px;
	color: #454545;
	line-height: 33px;
	font-size: 16px;
	padding-top: 35px;
	margin-bottom: 25px;
	border-bottom: 1px solid #f0f0f0;
}
.tactleft ul li em{
	height: 25px;
	line-height: 25px;
	color: #666666;
	padding-left: 25px;
	display: block;
	font-size: 14px;
}
.tactleft ul li a{
	color: #666;
}
.tactleft .addr{
	height: 360px;
	width: 100%;
	margin-top: 5px;
}
.tactleft ul li a:hover{
	color: #999;
	-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tactleft ul li.l1 em{
	background: url(../images/t1.jpg) 3px center no-repeat;
}
.tactleft ul li.l2 em{
	background: url(../images/t2.jpg) 3px center no-repeat;
}
.tactright{
	float: right;
	width: 560px;
	overflow: hidden;
	padding-top: 70px;
}
.tactright .thougth input{
    width: 95%;
}
.tactright .thougth textarea{
	width: 95%;
}
.tactright .thougth{
	margin-top: 50px;
}
.tactright .thougth .btn{
	border-style: none;
	border-width: 0;
	height: 48px;
	width: 150px;
	text-align: center;
	padding: 0;
	color: #fff;
	background: #008a6b;
}
.tactit{
	color: #444444;
	font-size: 24px;
	line-height: 40px;
	height: 40px;
}
.indexcase{
	width:1180px; 
	height:240px; 
	margin: 0 auto;
}
.indexcase_list{ 
	width:1110px; 
	height:240px; 
	float:left; 
	margin: 0 auto;
	display:inline; 
	position: relative;
	padding:0 35px;
}
#MarqueeDiv2{	overflow: hidden; 
}
#MarqueeDiv2 li{
	float: left;
	width: 138px;
	height:240px;

}
#MarqueeDiv2 li img{
	    max-height: 100%;
    width: auto;
    max-width: 138px;
    height: auto;
    display: inline;
}
#MarqueeDiv2 li a{
	width: 138px;
	height:240px;
    padding: 2px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    *line-height: 240px!important;
}
#MarqueeDiv2 li a:hover{
	color: #005ea2;
}
#LeftButton2{
	position: absolute;
	display: block;
	height: 100%;
	width: 20px;
	background:url(../images/lt.png) 20px center repeat-x;
	top: 0;
	left: 0;
	z-index: 2;
}
#LeftButton2:hover{
	background:url(../images/lt.png) 0 center repeat-x;
	
}
 #RightButton2{
 	display: block;
	position: absolute;
	height: 100%;
	width: 20px;
	background: #ccc;
	top: 0;
	right:0;
	z-index: 2;
	background:url(../images/rt.png) 0 center  repeat-x ;
}
 #RightButton2:hover{
 	background:url(../images/rt.png) 20px center  repeat-x ;
 	
 }
 .Certification{
 	width: 1180px;
 	padding: 0 5px;
 	margin: 0 auto;
 	overflow: hidden;
 }
.Certification li{
  	height: 410px;
  	width: 258px;
  	float: left;
  	padding:7px  10px;
  	border: 1px solid #e8e8e8;
  	margin-bottom: 23px;
}
.Certification li a{
	display: block;
	height: 100%;
	width: 100%;
}
 .Certification li.mr{
  	margin-right: 20px;
 }
.Certification li:hover{
  		border: 1px solid #e8e8e8;
  		box-shadow:1px 1px 5px #9ea9ac;
		-moz-box-shadow:1px 1px 5px #9ea9ac;
		-webkit-box-shadow:1px 1px 5px #9ea9ac;
  		-webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	   -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.probox{
	position: relative;
	overflow: hidden;
    padding-top: 80px;
	height: 570px;
}
.probox .fl{
	width: 547px;
	height: 100%;
}
.probox .fr{
	width: 324px;
	height: 100%;
	line-height: 50px;
	color: #888888;
	font-size: 20px;
}
.probox .fr span{
	color: #454545;
	padding-left: 5px;
}
.probox .fr .btn{
	width: 150px;
	display: block;
	height: 46px;
	border-radius: 2px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	background: #008a6b;
	margin-top: 10px;
}
.probox1 {
	margin-top: 55px;
	overflow: hidden;
	width: 100%;
}
.protitle{
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #008a6b;
}
.protitle dt{
	float: left;
	width: 150px;
	height: 45px;
	background: #e8e8e8;
	color: #555555;
	font-size: 16px;
	border-radius: 3px 3px 0 0;
	text-align: center;
	line-height: 45px;
	margin-right: 10px;
	cursor: pointer;
}
.protitle dt.s{
	background: #008a6b;
	color: #e8e8e8;
}
.probox1 .box{
	width: 100%;
	min-height: 645px;
	margin-bottom: 30px;
	position: relative;
}
.probox1 .box li{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 25px;
overflow: hidden;
    color: #444444;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    
}
.probox1 .box li a{
	color: #444;
}
.probox1 .box li a:hover{
	color: #008a6b;
}
.probox1 .box .in2{
	z-index: 2;
}
.probox2{
	overflow: hidden;
	width: 100%;
}
.tab{
	padding-top: 25px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 35px;
}
.tab td{color: #666;
    font-size: 16px;
	padding: 6px 0;
	width: 40%;
}
.tab td input{
	height: 40px;
	padding-left: 10px;
	width:95%;
	color: #999;
	border: 1px solid #e8e8e8;
}
.tab textarea{
    border: 1px solid #e8e8e8;
    height: 118px;
    width: 99%;
}
.tab span{
	color: red;
}
.tab .btn{
	border-style: none;
	border-width: 0;
	height: 48px;
	width: 150px;
	text-align: center;
	padding: 0;
	color: #fff;
	background: #008a6b;
}
.preview{width:500px; height:500px; position: relative;}
.preview .black{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/palogo1.png) no-repeat;
    background-size: 100%;
}

.smallImg{position:relative; height:52px; margin-top:1px; padding:6px 5px; width:489px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:#fff;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:#fff; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;position: relative;}

#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #008a6b;}

.bigImg{
	position:relative;  width:500px; height:500px;overflow:hidden;
    display: table-cell;
    vertical-align: middle;
    *line-height: 500px!important; 

}
.bigImg img{
    max-height: 100%;
    width: auto;
    max-width: 500px;
    height: auto;
    display: inline;
}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999; width: 800px;
height: 800px;}
#bigView img{position:absolute;}

div#pages {
    width: 1180px;
    margin: 0 auto;

    text-align: left;
    padding: 35px 0px 35px 0px;
}
div#pages a {
	margin-left: 7px;
	width: 29px;
	height: 29px;
	border: 1px solid #eeeeee;
	line-height: 29px;
	text-align: center;
	color: #787878;
	font-size: 14px; 
    display: inline-block;
    background: #eeeeee;
}
div#pages span{

    margin-left: 7px;
	width: 29px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-size: 14px; 
	background: #008a6b;
	border: 1px solid #008a6b;
	color: #fff;
	display: inline-block;
}
.newshow{
	width: 1100px;
	margin: 0 auto;
	padding: 40px;
}
.pagetopnav{
	width: 1180px;
	margin: 0 auto;
	height: 180px;
	padding-top: 182px;
	background: #ffffff;
	z-index: 50;
}
.pagetopnav ul{
    width: 100%;
    overflow: hidden;
}
.pagetopnav ul li{
	width: 142px;
	height: 100%;
	float: left;
	padding: 0 27px;
}
.pagetopnav ul li .pic{
	display: block;
	height: 120px;
	width: 100%;
}
.pagetopnav ul li .tit{
	height: 35px;
	line-height: 45px;
	color: #666666;
	font-size: 16px;
	width: 100%;
	display: block;	text-align: center;

}
.pagetopnav ul li:hover{
	opacity: 0.8;filter:alpha(opacity=80);
	-webkit-transition: all 1s;
	  -moz-transition: all 1s;
	   -ms-transition: all 1s;
	    -o-transition: all 1s;
    transition: all 1s;
}
.pagetopnav ul li.mr{
	border-right: 1px solid #f2f2f2;
}
.pagetopnav ul li .tit:hover{
	color: #008a6b;
}

.about_bg{width:100%; background:url(../images/about_bg.jpg) no-repeat; background-size:100%;display:table;}
.about2{width:1200px; margin:50px auto;}
.about_info1{width:1200px; text-align:center; font-size:30px; font-weight:bold; height:60px; line-height:60px; color:#fff;}
.about_info2{width:1000px; text-align:center; line-height:25px; display:table; color:#fff; font-size:16px; margin:50px auto; height:300px;}
.about_title{width:80%; padding:0px 10%; height:80px; line-height:80px; font-size:20px; font-weight:bold; color:#64666D; background:#ccc; }

.hot_news{width:1002px; margin:10px auto; height:40px; background:url(../images/news_bg.jpg) no-repeat;}
#FontScroll{width:600px;height:40px;line-height:40px;overflow:Hidden; margin-left:150px; float:left; font-size:14px; font-weight:bold;}
#FontScroll .line{width:100%;}
#FontScroll .fontColor a{color:red;}
.hot_news .more{float:right; margin-right:20px; height:40px; line-height:40px;}
.hot_news .more a{color:#333;}
.hot_news .more a:hover{color:#be1a1b;}